<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>css3</title>
	<link rel="stylesheet" href="./css/reseat.css">
	<link rel="stylesheet" href="./css/ball.css">
	<link rel="stylesheet" href="./css/loading.css">
	<style id="styles"></style>
	<style id="styles1"></style>
</head>
<body>
	<div class="scene">
		<div class="out">
			<ul class="ball" id="ball">
				<!-- li占位 -->
			</ul>
		</div>

		<!-- title -->
		<div class="jiangpingtext hide">
			<span id="jiangpingsspan"></span>
		</div>
		<!-- canvas -->
		<!-- <canvas id="canvas" width=500 height=500></canvas> -->
		<div class="star"></div>
		<!-- <div class="back-img"></div> -->
		<!-- 抽奖按钮 -->
		<div class="bonus hide">
			<button class="btn block" onclick="getJiangPing(1)"><span>一等奖</span></button>
			<button class="btn block" onclick="getJiangPing(2)"><span>二等奖</span></button>
			<button class="btn block" onclick="getJiangPing(3)"><span>三等奖</span></button>
			<button class="btn block" onclick="getJiangPing(4)"><span>幸运奖</span></button>
			<button class="btn block" onclick="getJiangPing(5)"><span>RP奖</span></button>
		</div>
		<!-- 开启弹幕 -->
		<!-- <div class="begin-danmu"></div> -->
		
		<div class="content-danmu hide">
			<div class="mask"></div>
			<div id="my-comment-stage"></div>	
		</div>
		<div class="select-numbox">
		</div>
	</div>

	<!--loading加载-->
	<div class="loading">
		<div id="colorfulPulse">
		  <span class="item-1"></span>
		  <span class="item-2"></span>
		  <span class="item-3"></span>
		  <span class="item-4"></span>
		  <span class="item-5"></span>
		  <span class="item-6"></span>
		  <span class="item-7"></span>
		</div>
	</div>

	<!-- script -->
	<script src="./js/jquery-2.1.4.min.js"></script>
	<script src="./js/ball.js"></script>
	<script src="./js/star.js"></script>
	<script src="./js/drawBall.js"></script>
	<script src="./js/danmu.js"></script>
	<script src="./js/CommentCoreLibrary.js"></script>
	<script>
		var wW=$(window).width();
		var wH=$(window).height();
		$('body,div.scene').css({
			width:wW+'px',
			height:wH+'px'
		});
		
		// 加载进度条并执行球
		setTimeout(function(){
			// 隐藏进度条
			$('div.loading').fadeOut(600);
		},1500);

		//显示球 
		setTimeout(function(){
			var ball = document.getElementById("ball");
			var balls = new drawBall(ball);
			balls.init();
		}, 2000);

	</script>
</body>
</html>